<template>
  <span v-colorful="'red'" style="font-family: 'smt'">abc</span>
</template>

<script>
export default {
  name: "customDirective",
};
</script>
<script setup>
// import moment from "moment";
const vColorful = (el, binding) => {
  el.style.color = binding.value;
};
// const recordList = [
//   {
//     online: 1,
//     time: "2023-01-06 00:00:00",
//   },
//   {
//     online: 0,
//     time: "2023-01-06 01:00:00",
//   },
//   {
//     online: 0,
//     time: "2023-01-06 02:00:00",
//   },
//   {
//     online: 0,
//     time: "2023-01-06 03:00:00",
//   },
//   {
//     online: 0,
//     time: "2023-01-06 04:00:00",
//   },
//   {
//     online: 1,
//     time: "2023-01-06 05:00:00",
//   },
//   {
//     online: 0,
//     time: "2023-01-06 06:00:00",
//   },
//   {
//     online: 1,
//     time: "2023-01-06 07:00:00",
//   },
//   {
//     online: 0,
//     time: "2023-01-06 08:00:00",
//   },
//   {
//     online: 1,
//     time: "2023-01-06 09:00:00",
//   },
//   {
//     online: 1,
//     time: "2023-01-06 10:00:00",
//   },
//   {
//     online: 1,
//     time: "2023-01-06 11:00:00",
//   },
//   {
//     online: 0,
//     time: "2023-01-06 12:00:00",
//   },
//   {
//     online: 1,
//     time: "2023-01-06 13:00:00",
//   },
//   {
//     online: 1,
//     time: "2023-01-06 14:00:00",
//   },
//   {
//     online: 1,
//     time: "2023-01-06 15:00:00",
//   },
//   {
//     online: 1,
//     time: "2023-01-06 16:00:00",
//   },
// ];
// const markArea = [];
// recordList.forEach((d, idx) => {
//   let childArr = [];
//   if ((idx === 0 && d.online === 1) || ( d.online === 1 && recordList[idx - 1].online !== 1)) {
//     const obj = {
//       name: "离线",
//       xAxis: d.time,
//     };
//     childArr.push(obj);
//     for (let i = idx; i < recordList.length; i++) {
//       if (recordList[i].online === 0) {
//         const childObj = {
//           xAxis: recordList[i].time,
//         };
//         childArr.push(childObj);
//         break;
//       }
//     }
//     markArea.push(childArr);
//     if(markArea.length !== 0 && markArea[markArea.length -1].length === 1){
//       markArea[markArea.length -1].push({xAxis: '24:00'})
//     }
//   }
// });
// console.log(markArea);

// const arr = [];
// for (let i = 0; i <= 1440; i++) {
//   let time = moment(new Date()).format("yyyy-MM-DD 00:00:00");
//   let time2 = moment(time).add(i, "minutes").format("HH:mm");
//   arr.push(time2);
// }
// arr[arr.length - 1] = "24:00";
//
// console.log(arr);
//
// const newLineData = [
//   {
//     isOn: -1,
//     xAxis: "00:00"
//   },
//   {
//     isOn: 1,
//     xAxis: "01:00"
//   },
//   {
//     isOn: -1,
//     xAxis: "02:00"
//   },
//   {
//     isOn: 1,
//     xAxis: "06:58"
//   },
//   {
//     isOn: -1,
//     xAxis: "17:08"
//   },
//   {
//     isOn: -1,
//     xAxis: "24:00"
//   }
// ];
// const policyLineData = []; //定义数组，根据横坐标数量及添头加尾后的策略列表补全折线图所有时间点值
// arr.forEach((d) => {
//   const flag = newLineData.some((item) => item.xAxis === d);
//   if (flag) {
//     policyLineData.push(newLineData.find((item) => item.xAxis === d).isOn);
//   } else {
//     policyLineData.push(policyLineData[policyLineData.length - 1]);
//   }
// });
// console.log(policyLineData)

const arr = [
  {
    id: 2,
    level: 2,
    name: "外交部",
    children: [
      {
        id: 3,
        level: 3,
        name: "驻外大使馆",
      },
    ],
  },
  {
    id: 4,
    level: 2,
    name: "教育部",
    children: [
      {
        id: 5,
        level: 3,
        name: "教育厅",
      },
      {
        id: 5,
        level: 3,
        name: "考试院",
      },
    ],
  },
  {
    id: 6,
    level: 2,
    name: "国防部",
    children: [
      {
        id: 7,
        level: 3,
        name: "国防大学",
      },
    ],
  },
];
console.log(arr);
const findFirstLevel3Child = (arr) => {
  const length = arr.length;
  for (let i = 0; i < length; i++) {
    if (arr[i].level !== 3 && arr[i].children) {
      return findFirstLevel3Child(arr[i].children);
    } else if (
      arr[i].level === 3 &&
      (!arr[i].children || arr[i].children.length === 0)
    ) {
      return arr[i].name;
    }
  }
};
console.log(findFirstLevel3Child(arr));
</script>
<style scoped lang="scss"></style>
